﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>我的结伴游</title>

<!-- Mobile Specific
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors" />

<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>

<!-- Styles Switcher
================================================== -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<script src="js/switcher.js"></script>

<script src='/google_analytics_auto.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Wrapper Start -->
<div id="wrapper">


<!-- Header
================================================== -->

<!-- 960 Container -->
<div class="container ie-dropdown-fix">

	<!-- Header -->
	<div id="header">

		<!-- Logo -->
		<div class="eight columns">
			<div id="logo">
				<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
				<div id="tagline">旅行，从乐途网开始！</div>
				<div class="clear"></div>
			</div>
		</div>

		<!-- Social / Contact -->
		<div class="eight columns">
			
			<!-- Social Icons -->
			<ul class="social-icons">
				<li class="facebook"><a href="#">Facebook</a></li>
				<li class="twitter"><a href="#">Twitter</a></li>
				<li class="dribbble"><a href="#">Dribbble</a></li>
				<li class="linkedin"><a href="#">LinkedIn</a></li>
				<li class="pintrest"><a href="#">Pintrest</a></li>
			</ul>
			
			<div class="clear"></div>
			
			<!-- Contact Details -->
			<div id="contact-details">
				<ul>
					<li><i class="mini-ico-envelope"></i>蜗牛，欢迎您！</li>
					<li><a href="#">登出</a></li>
				</ul>
			</div>

		</div>

	</div>
	<!-- Header / End -->
	
	<!-- Navigation -->
	<div class="sixteen columns">

		<div id="navigation">
			<ul id="nav">

                <li><a href="#">乐途广场</a>
					<ul>
					<li><a href="index.html">热门景点</a></li>
					<li><a href="hotMemory.html">热门记忆</a></li>
					</ul>
				</li>

				<li><a href="friendMemoryIndex.html">好友动态</a></li>
				
				<li><a href="#">结伴旅行</a>
					<ul>
					<li><a href="myGroups.html">我的结伴游</a></li>
					<li><a href="postGroup.html">发起结伴游</a></li>
					<li><a href="hotGroup.html">热门结伴游</a></li>
					</ul>
				</li>
				
				<li><a href="#">个人空间</a>
					<ul>
					<li><a href="myInfo.html">我的信息</a></li>
					<li><a href="friends.html">好友列表</a></li>
                    <li><a href="message.html">好友消息</a></li>
					</ul>
				</li>

			</ul>

			<!-- Search Form -->
			<div class="search-form">
				<form method="get" action="#" />
					<input type="text" class="search-text-box" />
				</form>
			</div>

		</div> 
		<div class="clear"></div>
		
	</div>
	<!-- Navigation / End -->

</div>
<!-- 960 Container / End -->


<!-- Content
================================================== -->

<!-- 960 Container -->
<div class="container">

	<div class="sixteen columns">
	
		<!-- Page Title -->
		<div id="page-title">
			<h2><span>我的 /</span> 不到长城非好汉组</h2>
			<div id="bolded-line"></div>
		</div>
		<!-- Page Title / End -->

	</div>
</div>
<!-- 960 Container / End -->


<!-- Blog Posts
================================================== -->
<!-- 960 Container -->
<div class="container">

<div class="twelve columns">
	
	<!-- Post -->
	<div class="post post-page">
		<div class="post-img picture"><a href="images/blog-img-01-large.jpg" rel="image" title="Beatiful Mountain Ladscape"><img src="images/blog-img-01.jpg" alt="" /><div class="image-overlay-zoom"></div></a></div>
		<a href="#" class="post-icon standard"></a>
		<div class="post-content">
			<div class="post-title"><h2><a href="blog_post.html">不到长城非好汉</a></h2></div>
			<div class="post-meta"><span><i class="mini-ico-calendar"></i>创建日期：2013-07-04</span> <span><i class="mini-ico-user"></i>发起者： <a href="#">杰克</a></span> <span><i class="mini-ico-comment"></i>回复： <a href="#">12 条</a></span></div>
			<div class="post-description">
                <blockquote>重点信息：
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;想组成5~7人的小组，7月1号到3号期间，去爬长城。从西直门乘长途汽车，每个人路费大概30元。自带水、食物和帐篷。行程长约10公里。想参与的亲们，联系QQ：123456789</p>
                </blockquote>
				<p>长城东西绵延上万华里，因此又称作万里长城。长城建筑于两千多年前的春秋战国时代，现存的长城遗迹主要为建于十四世纪的明长城。据2012年国家文物局发布数据，历代长城总长为21196.18千米；</p>
				<p>而国家文物局曾于2009年公布明长城调查数据，中国明长城总长为8851.8千米。长城是我国古代劳动人民创造的伟大的奇迹，是中国悠久历史的见证。它与罗马斗兽场、比萨斜塔等列为中古世界七大奇迹之一。1987年12月，长城被列为世界文化遗产。</p>
				
				<p>在我国北部的土地上，东西横亘着一道绵延起伏、气势雄伟、长达十万多里的长墙。这就是被视为世界建筑史上一大奇迹的万里长城。万里长城是我国古代一项伟大的防御工程之一，它凝聚着我国古代人民的坚强毅力和高度智慧，体现了我国古代工程技术的非凡成就，也显示了中华民族的悠久历史。长城是中国也是世界上修建时间最长、工程量最大的一项古代防御工程。自公元前七世纪开始，延续不断修筑了2000多年，分布于中国北部和中部的广大土地上，总计长度达21196.18千米[1]。如此浩大的工程不仅在中国，就是在世界上，也是绝无仅有的。因而与罗马斗兽场、比萨斜塔、埃及金字塔等列为中古世界八大奇迹之一。 </p>
			</div>
		</div>
	</div>
	
	<!-- Comments -->
	<div class="headline no-margin"><h4>回复 <span class="comments-amount">(12)</span></h4></div>
	<div class="comments-sec">
		
		<ol class="commentlist">
			<li>
				<div class="comments">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" width="50" height="50" border="0" /> </div>
					<div class="comment-des">
					<div class="comment-by"><strong>汤姆</strong><span class="reply"><span style="color:#aaa">/ </span><a href="#">Reply</a></span> <span class="date">August 10, 2012</span></div>
						<p>Maecenas dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus. Mauris a felis arcu, vitae sollicitudin mauris. Aliquam quis tellus vel massa mattis ornare et eu felis. </p>
					</div>
				</div>
						 
				<ol class="childlist">
					</ol></li><li>
					<div class="comments">
										<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
						<div class="comment-des">
						<div class="comment-by"><strong>Admin</strong><span class="reply"><span style="color:#aaa">/ </span><a href="#">Reply</a></span> <span class="date">August 12, 2012</span></div>
						<p>Dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus. Mauris a felis arcu, vitae sollicitudin mauris. Aliquam quis tellus vel massa mattis.</p>
						</div>
					</div>
					</li>
						
			
						
			<li>
				<div class="comments">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
					<div class="comment-des">
					<div class="comment-by"><strong>Kathy Brown</strong><span class="reply"><span style="color:#aaa">/ </span><a href="#">Reply</a></span><span class="date">August 12, 2012</span></div>
						<p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus</p>
					</div>
				</div>
			</li>
						
			<li>
				<div class="comments">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
					<div class="comment-des">
					<div class="comment-by"><strong>John Doe</strong><span class="reply"><span style="color:#aaa">/ </span><a href="#">Reply</a></span><span class="date">August 12, 2012</span></div>
						<p>Commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus. Mauris a felis arcu, vitae sollicitudin mauris.</p>
					</div>
				 </div>
			</li>
		 
					 
	</ol></div>
    
    <ul class="pagination">
		<a href="#"><li>1</li></a>
		<a href="#"><li class="current">2</li></a>
		<a href="#"><li>3</li></a>
		<a href="#"><li>4</li></a>
		<a href="#"><li>5</li></a>
	</ul>
    <p></p>
	<div class="clear"></div>
    
    
				
	<!-- Add Comment -->
	<div class="headline no-margin"><h4>我要回复</h4></div>
		<div class="form-spacer"></div>
		<!-- Form -->
		<div id="contact-form">
			<form method="post" />
				
				<div class="field">
					<textarea class="text textarea"></textarea>
				</div>
				
				<div class="field">
					<input type="button" id="send" value="回复" />
				</div>
				
			</form>
		</div>
	
</div>


<!-- Widget
================================================== -->
<div class="four columns">

	<!-- Search -->
	<div class="widget first">
		<div class="headline no-margin"><h4>小组口号</h4></div>
		<div class="search">
			不到长城非好汉，屈指行程二万！
		</div>
	</div>
	
	<!-- Popular Posts -->
	<div class="widget">
		<div class="headline no-margin"><h4>其他我的结伴游组</h4></div>
		<table>
            <tr>
                <td height="70px">
                    <div class="latest-post-blog">
                        <a href="#"><img src="images/popular-post-01.png" alt="" /></a>
                        <p><a href="#">美国大峡谷.</a> <span>3013-06-01</span></p>
                    </div>
                </td>
            </tr>
            <tr height="70px">
                <td>
                    <div class="latest-post-blog">
                        <a href="#"><img src="images/popular-post-02.png" alt="" /></a>
                        <p><a href="#">美国大峡谷.</a> <span>3013-06-01</span></p>
                    </div>
                </td>
            </tr>
            <tr height="70px">
                <td>
                    <div class="latest-post-blog">
                        <a href="#"><img src="images/popular-post-03.png" alt="" /></a>
                        <p><a href="#">美国大峡谷.</a> <span>3013-06-01</span></p>
                    </div>
                </td>
            </tr>
        </table>

	</div>
    
    <!-- Categories -->
	<div class="widget">
		<div class="headline no-margin"><h4>今日新闻</h4></div>
            <p>
            <p>
			<marquee behavior="scroll" direction="up" width="150" height="100px" loop="-1" scrollamount="1.5" scrolldelay="0" >
                    <a href="#">在有生的瞬间能遇到你</a><br>
                    -------------------------------------<br>
                    <a href="#">竟花光所有运气</a><br>
                    -------------------------------------<br>
                    <a href="#">到最后才发现竟呼吸过空气</a><br>
                    -------------------------------------<br>
            </marquee>
	</div>
    
    <!-- Popular Posts -->
	<div class="widget">
		<div class="headline no-margin"><h4>今日天气</h4></div>
		<table>
            <tr>
                <td height="70px">
                    <img src="images/weather.png" alt="" />
                </td>
            </tr>
        </table>

	</div>
	
	
</div>

</div>
<!-- 960 Container / End -->

</div>
<!-- Wrapper / End -->

<!-- Footer
================================================== -->

<!-- Footer Start -->
<div id="footer">
	<!-- 960 Container -->
	<div class="container">
	
		<!-- Footer / Bottom -->
		<div class="sixteen columns">
			<div id="footer-bottom">
				&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
				<div id="scroll-top-top"><a href="#"></a></div>
			</div>
		</div>

	</div>
	<!-- 960 Container / End -->

</div>
<!-- Footer / End -->

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>